body {
}

header {
  width: 100%;
  height: 56px;
  background-color: rgba(47, 47, 47, 0.980392);
  color: rgba(255,255,255,0.85);
  text-align: center;
}

.main-logo {
  @include bg('logo-small-2x.png');
  display: block;
  left: 0;
  height: 100%;
  width: 76px;
  margin-left: 40px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 76px 19px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  &:hover {
    opacity: 0.5;
  }
}
